<template>
<div>
    <div class="comment" v-for="articleComment in articleCommentTree.children" :key="articleComment.object.id">
          <a class="avatar">
            <img :src="imgSrc" alt="头像">
          </a>
          <div class="content">
            <a class="author">{{articleComment.object.name}}</a>
            <div class="metadata">
              <span class="date">{{articleComment.object.createByStr}}</span>
            </div>
            <div class="text">{{articleComment.object.content}} </div>
            <div class="actions">
              <a class="reply">回复</a>
            </div>
          </div>
           <!-- <multistage :children="children.name"/> -->
        </div>
</div>
</template>

<script>
export default {
  data () {
    return {}
  },
  props: {
    children: {
      type: Object,
      required: true
    }
  },
  methods: {},
  created () {
  },
  components: {},
  mounted () {}
}
</script>

<style lang="less" scoped>

</style>
